<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui">
<ui:composition template="/resources/template/template.xhtml">

	<ui:define name="title">
		<h:outputText value="Administration des utilisateurs" />
	</ui:define>

	<ui:define name="content">
		<h:form>
			<p:panel styleClass="panel-bouton">
				<p:commandButton icon="ui-icon-circle-plus" action="#{administrationUtilisateurBean.initNouvelUtilisateur()}" update="@widgetVar(_dialogModificationUtilisateur)" />
			</p:panel>
			<p:dataTable widgetVar="_datatableUtilisateur" value="#{administrationUtilisateurBean.listeUtilisateur}" var="utilisateur" rowKey="#{utilisateur.id}" selectionMode="single" selection="#{administrationUtilisateurBean.utilisateur}" scrollable="true" scrollHeight="500" emptyMessage="Aucun utilisateur">
				<p:ajax event="rowSelect" listener="#{administrationUtilisateurBean.selectionUtilisateur}" update="@widgetVar(_dialogModificationUtilisateur)" />
				<p:column>
					<f:facet name="header">
						<h:outputText value="MAIL" />
					</f:facet>
					<h:outputText value="#{utilisateur.mail}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputText value="NOM" />
					</f:facet>
					<h:outputText value="#{utilisateur.nom}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputText value="PRENOM" />
					</f:facet>
					<h:outputText value="#{utilisateur.prenom}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputText value="DATE CREATION" />
					</f:facet>
					<h:outputText value="#{utilisateur.dateCreation}">
						<f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" />
					</h:outputText>
				</p:column>
			</p:dataTable>
		</h:form>
	</ui:define>

	<ui:define name="dialog">

		<h:form>
			<p:dialog widgetVar="_dialogModificationUtilisateur" modal="true" dynamic="true" resizable="false" closeOnEscape="true" showEffect="fade" onHide="PF('_dialogModificationUtilisateur').initPosition()">
				<f:facet name="header">
					<h:outputText value="Utilisateur en #{administrationUtilisateurBean.typeModification}" />
				</f:facet>
				<h:panelGrid columns="2">
					<p:outputLabel value="E-mail" for="idInputEmail" />
					<p:inputText id="idInputEmail" value="#{administrationUtilisateurBean.utilisateur.mail}" />
					<p:outputLabel value="Nom" for="idInputNom" />
					<p:inputText id="idInputNom" value="#{administrationUtilisateurBean.utilisateur.nom}" />
					<p:outputLabel value="Prénom" for="idInputPrenom" />
					<p:inputText id="idInputPrenom" value="#{administrationUtilisateurBean.utilisateur.prenom}" />
				</h:panelGrid>
				<f:facet name="footer">
					<p:outputPanel autoUpdate="true" styleClass="align-right">
						<p:commandButton value="Annuler" icon="ui-icon-close" oncomplete="PF('_dialogModificationUtilisateur').hide()" immediate="true" />
						<p:commandButton value="Valider" icon="ui-icon-disk" action="#{administrationUtilisateurBean.valider()}" update="@widgetVar(_datatableUtilisateur)" />
					</p:outputPanel>
				</f:facet>
			</p:dialog>
		</h:form>

	</ui:define>

</ui:composition>
</html>